<template>
  <button @click="decrease">-</button>
  <span>{{ counter.count }}</span>
  <button @click="increase">+</button>
</template>

<script setup lang="ts">
import {defineComponent, reactive, ref} from 'vue';
import store from '../stores/index.ts'

let counter = store.useCounter();
let decrease = () => {
  counter.count--;
}
let increase = () => {
  counter.count++;
}
</script>

<style scoped>

</style>